﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head> <title>Trang chủ</title>
<link rel="stylesheet" href="css/galleriffic-2.css" type="text/css" />
<link rel="stylesheet" href="css/style.css" type="text/css" />
<link rel="stylesheet" href="css/colorbox.css" type="text/css" />
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery.galleriffic.js"></script>
<script type="text/javascript" src="js/jquery.opacityrollover.js"></script>
<script type="text/javascript" src="js/jquery.colorbox-min.js"></script>
<script type="text/javascript">
			document.write('<style>.noscript { display: none; }</style>');
            $(document).ready(function () {
                                $("a[rel='color']").colorbox();
                            });
</script>
<!--[if lt IE 9]>
	<link rel="stylesheet" href="css/ie8.css" type="text/css" />
<![endif]-->
<!--[if lt IE 8]>
	<link rel="stylesheet" href="css/ie.css" type="text/css" />
<![endif]-->
</head>
<body>
    <div id="wrapper">
        <div id="topNav">
            <h1 class="logo"><a href="#"><img src="images/logo.png" alt="Tranh Sơn Mài"/></a></h1>
                <div class="navBar">
                    <ul>
                        <li><a href="#">Home</a></li>
                        <li><a href="#"  class="active">About Us</a></li>
                        <li><a href="#">Gallery</a></li>
                        <li><a href="#">Art Link</a></li>
                        <li><a href="#">Contact Us</a></li>
                    </ul>
                    <ol>
                        <li><a href="#">Tiếng việt</a></li>
                        <li><a href="#">English</a></li>
                    </ol>
                </div><!--End .navBar-->
        </div><!--End #topNav-->
        <div id="page">
			<div class="gallery">
                <div class="sideBar">
                    <h1>About Us</h1>
                        <ul>
                            <li><a href="#">Lorem Ipsum is simply</a></li>
                            <li><a href="#">It is a long established</a></li>
                            <li><a href="#">There are many</a></li>
                            <li><a href="#">All Art work</a></li>
                        </ul>
                </div><!--End .sideBar-->
                <div class="main_gallery">
                    <div class="abouts">
                        <img src="images/VanGogh.jpg" alt="VanGogh"/>
                            <h2>Vincent van Gogh</h2>
                                <table cellpadding="0" cellspacing="0">
                                    <tr>
                                        <td>Họ và tên:</td><td>Vincent van Gogh</td> 
                                    </tr>
                                    <tr>
                                        <td>Năm sinh:</td><td>30/3/1853</td> 
                                    </tr>
                                    <tr>
                                        <td>Năm mất:</td> <td>29/7/1890</td>
                                    </tr>
                                    <tr>
                                        <td>Người gốc :</td><td> Hà Lan</td>
                                    </tr>
                                    <tr>
                                        <td>Email: </td><td>Không</td>
                                    </tr>
                                </table>
                                <p>He son of a pastor, brought up in a religious and cultured atmosphere, Vincent was highly emotional and lacked self-confidence. Between 1860 and 1880, when he finally decided to become an artist, van Gogh had had two unsuitable and unhappy romances and had worked unsuccessfully as a clerk in a bookstore, an art salesman, and a preacher in the Borinage (a dreary mining district in Belgium), where he was dismissed for overzealousness.

He remained in Belgium to study art, determined to give happiness by creating beauty. The works of his early Dutch period are somber-toned, sharply lit, genre paintings of which the most famous is "The Potato Eaters" (1885). In that year van Gogh went to Antwerp where he discovered the works of Rubens and purchased many Japanese prints.

In 1886 he went to Paris to join his brother Théo, the manager of Goupil's gallery. In Paris, van Gogh studied with Cormon, inevitably met Pissarro, Monet, and Gauguin, and began to lighten his very dark palette and to paint in the short brushstrokes of the Impressionists. His nervous temperament made him a difficult companion and night-long discussions combined with painting all day undermined his health. He decided to go south to Arles where he hoped his friends would join him and help found a school of art. Gauguin did join him but with disastrous results. Near the end of 1888, an incident led Gauguin to ultimately leave Arles. Van Gogh pursued him with an open razor, was stopped by Gauguin, but ended up cutting a portion of his own ear lobe off. Van Gogh then began to alternate between fits of madness and lucidity and was sent to the asylum in Saint-Remy for treatment.

In May of 1890, he seemed much better and went to live in Auvers-sur-Oise under the watchful eye of Dr. Gachet. Two months later he was dead, having shot himself "for the good of all." During his brief career he had sold one painting. Van Gogh's finest works were produced in less than three years in a technique that grew more and more impassioned in brushstroke, in symbolic and intense color, in surface tension, and in the movement and vibration of form and line. Van Gogh's inimitable fusion of form and content is powerful; dramatic, lyrically rhythmic, imaginative, and emotional, for the artist was completely absorbed in the effort to explain either his struggle against madness or his comprehension of the spiritual essence of man and nature.</p>
                    </div><!--End .abouts-->
                </div><!--End .main_gallery-->
            </div><!--End .gallery-->
		</div><!--End #page-->
		<script type="text/javascript">
			jQuery(document).ready(function($) {
				// We only want these styles applied when javascript is enabled
				$('div.navigation').css({'width' : '294px', 'float' : 'right'});
				$('div.content').css('display', 'block');

				// Initially set opacity on thumbs and add
				// additional styling for hover effect on thumbs
				var onMouseOutOpacity = 0.67;
				$('#thumbs ul.thumbs li').opacityrollover({
					mouseOutOpacity:   onMouseOutOpacity,
					mouseOverOpacity:  1.0,
					fadeSpeed:         'fast',
					exemptionSelector: '.selected'
				});
				
				// Initialize Advanced Galleriffic Gallery
				var gallery = $('#thumbs').galleriffic({
					delay:                     2500,
					numThumbs:                 12,
					preloadAhead:              10,
					enableTopPager:            true,
					enableBottomPager:         true,
					maxPagesToShow:            7,
					imageContainerSel:         '#slideshow',
					controlsContainerSel:      '#controls',
					captionContainerSel:       '#caption',
					loadingContainerSel:       '#loading',
					renderSSControls:          true,
					renderNavControls:         true,
					playLinkText:              'Play Slideshow',
					pauseLinkText:             'Pause Slideshow',
					prevLinkText:              '&lsaquo; Previous Photo',
					nextLinkText:              'Next Photo &rsaquo;',
					nextPageLinkText:          'Next &rsaquo;',
					prevPageLinkText:          '&lsaquo; Prev',
					enableHistory:             false,
					autoStart:                 false,
					syncTransitions:           true,
					defaultTransitionDuration: 900,
					onSlideChange:             function(prevIndex, nextIndex) {
						// 'this' refers to the gallery, which is an extension of $('#thumbs')
						this.find('ul.thumbs').children()
							.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
							.eq(nextIndex).fadeTo('fast', 1.0);
					},
					onPageTransitionOut:       function(callback) {
						this.fadeTo('fast', 0.0, callback);
					},
					onPageTransitionIn:        function() {
						this.fadeTo('fast', 1.0);
					}
				});
			});
		</script>
        </div><!--End #content-->
        <div id="footer">
            <p>Copyright © 2009 nguyenducdanart. All rights reserved</p>
            <p>Address: No. 24/32 Lane 239 Lac Long Quan road, Cau Giay Dist., Ha Noi - Vietnam</p>
            <p>Cell phone: (84) 988082447 | Email: info@nguyenducdanart.com</p>
        </div><!--End #footer-->
    </div><!--End #wrapper-->
</body>
</html>